<!DOCTYPE html>
<html>

	<head>
		<title>用户列表</title>
		<meta charset="utf-8">
		<link href="../../css/bootstrap.min.css" rel="stylesheet">
		<link href="../../css/font-awesome.min.css" rel="stylesheet">
		<link href="../../css/animate.css" rel="stylesheet">
		<link href="../../css/style.css" rel="stylesheet">
		<link href="../../css/plugins/select2/select2.css" rel="stylesheet">
		<link href="../../css/plugins/dropzone/dropzone.css" rel="stylesheet">
		<link href="../../css/font-awesome.css" rel="stylesheet">
		<link href="../../css/plugins/bootstrap-table/bootstrap-table.min.css" rel="stylesheet">
		<link href="../../css/animate.css" rel="stylesheet">
	</head>

	<body class="gray-bg">
		<div id="vue" v-cloak>
			<div class="wrapper wrapper-content animated fadeInRight">
				<div class="ibox float-e-margins">
					<div class="ibox-content">
						<div class="ibox-body" id="exampleToolbar">
							<label style="margin-left: 10px;">
                        		角色名称：
                        		<input type="text" class="form-filter input-sm _search" name="name">
                    		</label>
							<label style="margin-left: 10px;">
		                        <button class="btn btn-success" onclick="re_load()">
		                            <i class="fa fa-search" aria-hidden="true"></i>查询
		                        </button>
		                        <button type="button" class="btn  btn-primary" onclick="reset()">
		                            <i class="fa fa-circle-thin" aria-hidden="true"></i>重置
		                        </button>
		                        <button type="button" class="btn  btn-danger" @click="batch_remove()">
		                            <i class="fa fa-trash" aria-hidden="true"></i>删除
		                        </button>
		                        <button  type="button" class="btn  btn-info" onclick="dt_insert()">
		                            <i class="fa fa-plus-square" aria-hidden="true"></i>添加
		                        </button>
                         	</label>
						</div>
					</div>
				</div>
				<div class="ibox float-e-margins">
					<div class="ibox-content">
						<div class="row row-lg">
							<div class="col-sm-12">
								<div class="example">
									<table id="exampleTableFromData" data-mobile-responsive="true">
									</table>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- 全局js -->
		<script type="text/javascript" src="../../js/jquery.min.js"></script>
		<script type="text/javascript" src="../../js/vue.js"></script>
		<script type="text/javascript" src="../../js/bootstrap.min.js"></script>
		<script type="text/javascript" src="../../js/plugins/validate/jquery.validate.min.js"></script>
		<script type="text/javascript" src="../../js/plugins/validate/messages_zh.min.js"></script>
		<script type="text/javascript" src="../../js/plugins/layer/layer.min.js"></script>
		<!-- Bootstrap table -->
		<script type="text/javascript" src="../../js/plugins/bootstrap-table/bootstrap-table.min.js"></script>
		<script type="text/javascript" src="../../js/plugins/bootstrap-table/bootstrap-table-mobile.min.js"></script>
		<script type="text/javascript" src="../../js/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>
		<script type="text/javascript" src="../../js/zuoben/dataFormat.js"></script>
		<script type="text/javascript" src="../../js/zuoben/zuoben.js"></script>
		<script type="text/javascript" src="../../js/zuoben/datatable.js"></script>
		<script type="text/javascript" src="../../js/role/roleList.js"></script>
	</body>

</html>